<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>
        <%= htmlWebpackPlugin.options.title %>
    </title>
    <meta name="viewport"
        content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,minimal-ui=true">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <script>
        console.log(devicePixelRatio)
    </script>
    <script src="./libs/createjs.min.js"></script>
    <script src="./assets/js/ui.js"></script>
    <script src="./assets/main/assets.js"></script>
    <link rel="stylesheet" type="text/css" href="./assets/css/style.css">
    <link rel="icon" type="image/png" href="./assets/favicons/favicon-32x32.png" sizes="32x32">
</head>

<body>
    <div id="toolbar" class="toolbar">
        <div class="item">
            <div id="view-select" class="view-select-container" value="iPhone XR" tabindex="-1">
                <div class="view-select">
                    <div class="label">
                        <span id="name">Z3 (640X400)</span>
                    </div>
                    <i class="arrow-triangle"></i>
                </div>
                <div class="options">
                    <ul>
                        <li class="" data-device="Default">
                            设计分辨率 (1334X750)
                        </li>
                        <li class="" data-device="FullScreen">
                            全屏
                        </li>
                        <li class="" data-device="WebpageFullScreen">
                            网页全屏
                        </li>
                        <li class="separator"></li>
                        <li class="" data-device="iPhone SE">
                            iPhone SE (375X667)
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="item"><button id="btn-rotate" class="">Rotate</button></div>
        <span style="font-size: small;" class="item">Debug Mode:</span>
        <div class="item">
            <select id="opts-debug-mode" value="NONE">
                <option value="NONE">None</option>
                <option value="VERBOSE">Verbose</option>
                <option value="INFO">Info</option>
                <option value="WARN">Warn</option>
                <option value="ERROR">Error</option>
                <option value="INFO_FOR_WEB_PAGE">Info For Web Page</option>
                <option value="WARN_FOR_WEB_PAGE">Warn For Web Page</option>
                <option value="ERROR_FOR_WEB_PAGE">Error For Web Page</option>
            </select>
        </div>
        <div class="item"><button id="btn-show-fps" class="">Show FPS</button></div>
        <div class="item">
            <span style="font-size: small;" class="item">FPS:</span><input id="input-set-fps" type="number" value="60">
        </div>
        <div style="margin-right: 0;" class="item"><button id="btn-pause">Pause</button><button
                id="btn-step">Step</button></div>
        <div class="item"><button id="btn-step" style="display: none;">Step</button></div>
        <div id="step-length">
            <span>Step Length: </span>
            <input type="text" value="1">
            <span>ms</span>
        </div>
    </div>
    <div class="content">
        <div id="GameDiv" style="width: 640px; height: 400px;">
            <canvas id="GameCanvas"></canvas>
            <div id="splash" class=" portrait" style="background-color: white;">
                <div class="logo"
                    style="background-image: url(./assets/images/svg/createjs-logo-horizontal.svg);width: 200px;height: 44px;margin: auto;">
                </div>
                <div class="progress-bar stripes"><span style="width: 60%;"></span></div>
            </div>
        </div>
    </div>
    <script src="./assets/js/vconsole.min.js"></script>
    <script type="text/javascript">
        // open web debugger console
        //window.VConsole && (window.vConsole = new VConsole());
    </script>
</body>

</html>